<template>
	<div class="task_priority_wrapper">
		<el-tabs v-model="activeName">
			<el-tab-pane label="优先执行" name="1"></el-tab-pane>
			<el-tab-pane label="滞后执行" name="2"></el-tab-pane>
		</el-tabs>
		<el-table :data="tableData" style="width: 100%">
			<el-table-column type="selection" width="48"></el-table-column>
			<el-table-column prop="name" label="文件名称" min-width="240"></el-table-column>
			<el-table-column prop="attrSuffix" label="文件后缀" min-width="120"></el-table-column>
			<el-table-column prop="attrSize" label="文件大小" min-width="120"></el-table-column>
			<el-table-column label="操作" width="180">
				<template slot-scope="{ row }">
					<el-button type="text">设为优先</el-button>
					<el-button type="text">设为滞后</el-button>
				</template>
			</el-table-column>
		</el-table>
	</div>
</template>

<script>
export default {
	data() {
		return {
			activeName: '1',
			tableData: [
				{
					name: '文件',
					attrSuffix: 'png',
					attrSize: 456874
				}
			]
		};
	}
};
</script>

<style lang="scss" scoped>
.task_priority_wrapper ::v-deep {
	.el-tabs__header {
		margin-bottom: 0;
	}
	.el-tabs__item {
		padding: 0 15px;
		&.is-bottom,
		&.is-top {
			&:nth-child(2) {
				padding-left: 15px;
			}
			&:last-child {
				padding-right: 15px;
			}
		}
	}
	.el-tabs__active-bar {
		padding: 0 15px;
		margin-left: -15px;
	}
}
</style>
